<template>
  <div class="institution_details">
    <div class="div1">
           <span>
               <van-icon name="arrow-left" />
           </span>
           <p>机构列表</p>
    </div>
    <div class="div2">
           <div>
               <img src="../assets/down.png" alt="">
           </div>
           <div class="div2_1">
               <span class="span1">南方医科大学附属第三医院</span>
                &nbsp;
                <span class="span2">1000人预约</span>
                &nbsp;
                <span>距离4.5km</span>
           </div>

    </div>
    <div class="div3">
      <span><van-icon name="fire-o" />&nbsp;营业时间：周一至周六7：30-10：30</span>
      <span><van-icon name="phone-o" />&nbsp;020-83761254</span>
      <span><van-icon name="location-o" />&nbsp;广州市天河中山大道西183号新门诊3楼体检中心</span>
    </div>
    <div class="div4">
      <div class="div4_1">
           <div>
               <img src="../assets/down.png" alt="">
           </div>
           <div class="div4_2">
               <span>老年人体检套餐豪华版(女)</span>
                <span class="span1">南方医科大学附属第三人民医院</span>
                <span>￥998 </span>
                &nbsp;
                <span class="span2">￥1021</span>
                &nbsp;
                <span>已有213人购买</span>
           </div>
      </div>
      <div class="div4_1">
           <div>
               <img src="../assets/down.png" alt="">
           </div>
           <div class="div4_2">
               <span>老年人体检套餐豪华版(女)</span>
                <span class="span1">南方医科大学附属第三人民医院</span>
                <span>￥998 </span>
                &nbsp;
                <span class="span2">￥1021</span>
                &nbsp;
                <span>已有213人购买</span>
           </div>
      </div>
      <div class="div4_1">
           <div>
               <img src="../assets/down.png" alt="">
           </div>
           <div class="div4_2">
               <span>老年人体检套餐豪华版(女)</span>
                <span class="span1">南方医科大学附属第三人民医院</span>
                <span>￥998 </span>
                &nbsp;
                <span class="span2">￥1021</span>
                &nbsp;
                <span>已有213人购买</span>
           </div>
      </div>
      
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang='scss'>
.institution_details{
  width: 100%;
  height: 450px;
  .div1{
        width: 100%;
        height: 10%;
        display: flex;
        align-items: center;
         span{
            margin-left: 2%;
        }
        p{
            margin-left: 30%;
        }
  }
  .div2{
        width: 100%;
        height: 20%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        // background-color: lemonchiffon;
        img{
            width: 90px;
            height: 80px;
            margin-left: 3%;
        }
        .div2_1{
            margin-left: 1%;
            .span1{
                white-space: nowrap;
                word-break: break-all;
                display: block;
                width: 200px;
            }
            
        }
  }
  .div3{
    width: 100%;
    height: 15%;
    // background-color: lemonchiffon;
    display: flex;
    flex-direction: column;
    border-bottom: 2px solid rgb(185, 185, 201);
  }
  .div4{
    // margin: 3%;
    width: 100%;
    height: 100%;
    .div4_1{
        width: 100%;
        height: 25%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        border-bottom: 2px solid rgb(185, 185, 201);
        img{
            width: 100px;
            height: 90px;
            margin-left: 3%;
        }
        .div4_2{
            // margin-le: 10%;
            // flex: 2; padding: 15%;
            .span1{
                white-space: nowrap;
                word-break: break-all;
                display: block;
                width: 200px;
            }
            .span2{
                text-decoration:line-through;
            }
        }
    }
  }
  
}

</style>